
<ng-container *ngFor="let dir of directions; let last = last">
  <a routerLink="." (click)="direction = dir">{{dir}}</a>
  <span *ngIf="!last">|</span>
</ng-container>

<div fxLayout="column" class="zero">

  <div fxFlex="33" [fxFlex.md]="box1Width" class="one"></div>

  <div fxFlex="33" [fxLayout]="direction" fxLayout.md="row" class="two">
    <div fxFlex="22" fxFlex.md="10px" fxHide.lg class="two_one">
      one
    </div>

    <div fxFlex="205" fxFlex.md="65" class="two_two">
      two
    </div>

    <div fxFlex="30px" fxFlex.md="25" fxShow [fxHide.md]="hideBox" class="two_three">
      three
    </div>
  </div>

  <div fxFlex class="three"></div>

</div>
